<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">
	
	<div id="InmueblesGestionFragment" th:fragment="InmueblesGestionFragment">
		<winter:output id="mainInmuebleDialogOutput" class="winter-form form-container">
			<winter:output id="formInmuebleDialogOutput">
				<div id="controlInmuebleCabeceraOutput" class="cabecera" >
					<winter:row>
					   <winter:column type="col-md-4">
							<winter:select id="selectDepartamento"
								field="*{inmuebleBuscar.departamento}"
								collection="dptos, rowDptos : ${controles.departamentos}"
								value="${dptos.id}" 
								text="@{${dptos.nombre}}"
								label="@{'Departamento: '}" 
								modern="true"
								showglobalmessgage="true"
								addemptyvalue="true">
							</winter:select>
							<winter:event id="EventDepartamentos" event="change"
								target="selectDepartamento"
								url="@{'/controles/departamentoEvent'}" form="ControlesForm"
								update="mainInmuebleDialogOutput" object="controles" immediate="true"
								showstatus="true" showstatuselement="true">
							</winter:event>
						</winter:column>
			    		<winter:column type="col-md-4">
							<winter:select id="filtroSelectDistrito" 
								field="*{inmuebleBuscar.distrito}"
								collection="distr, rowDistr : ${controles.distritos}"
								value="${distr.id}" 
								text="@{${distr.nombre}}"
								label="@{'Distrito: '}" 
								modern="true"
								showglobalemessage="true">
							</winter:select>
			    	   </winter:column>
			    	   <winter:column type="col-md-4">
			    	   		<winter:inputtext
								id="VehiculoFiltroFinca" 
								field="*{inmuebleBuscar.finca}"
								label="#{label.inmueble.finca.matricula}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text capitalize">
							</winter:inputtext>
			    	   </winter:column>
			       </winter:row>
			       <winter:row>
			    	   <winter:column type="col-md-4">
			    	   		<winter:inputtext
								id="filtroCtaCat" 
								field="*{inmuebleBuscar.cuentacorriente}" 
								label="#{label.inmueble.cta.catastral}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text capitalize">
							</winter:inputtext>
			    	   </winter:column>
			    	   <winter:column type="col-md-4">
			    	   		<winter:inputtext
								id="filtroParcela" 
								field="*{inmuebleBuscar.parcela}" 
								label="#{label.inmueble.parcela}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text capitalize">
							</winter:inputtext>
			    	   </winter:column>
			    	 </winter:row>
			    	 <winter:row class="button-panel-right" padded="true">
						<winter:ajaxsubmit 
							id="@{'ConsultarInmuebles'}" 
							form="ControlesForm"
							url="@{'/controles/buscarInmuebles'}" 
							update="mainInmuebleDialogOutput"
							value="Consultar"
							object="controles"
							effect="fade"
							showstatus="true"
							class="btn btn-cyan"
							immediate="true">
						</winter:ajaxsubmit>
					</winter:row>	
				</div>
				
				<winter:datatable id="listaInmuebles" customLanguage="true"
					paginate="true" jQuery="true" retrieve="true"
					emptyTableText="No se encontraron Datos!"
					infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
					emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
					searchText="Buscar" lengthMenu="Mostrar _MENU_ registros">
					<thead>
						<tr>
							<th th:text="#{label.inmueble.distrito}"></th>
						    <th th:text="#{label.inmueble.finca}"></th>
						    <th th:text="#{label.inmueble.matricula}"></th>
						    <th th:text="#{label.inmueble.parcela}"></th>
						    <th th:text="#{label.inmueble.cta.catastral}"></th>
							<th th:text="#{label.common.operaciones}"></th>
						</tr>
					</thead>
					<tbody>
						<tr th:each="inmuebleItem, inmuebleRowStat : ${controles.inmuebles}">
							<td th:text="${inmuebleItem.distrito.nombre}" class="align-left"></td>
							<td th:text="${inmuebleItem.finca}" class="align-left"></td>
							<td th:text="${inmuebleItem.matricula}" class="align-left"></td>
							<td th:text="${inmuebleItem.parcela}" class="align-left"></td>
							<td th:text="${inmuebleItem.cuentacorriente}" class="align-left"></td>
							<td>
								<winter:check
									id="@{'CheckInmueble'+${inmuebleRowStat.index}}" 
									form="ControlesForm"
									object="controles"
									url="@{'/controles/checkInmueble/'+${inmuebleItem.id}}"
									field="*{inmuebles[__${inmuebleRowStat.index}__].marcar}"
									containerdisplay="selected-check"
									showstatus="true"
									update="mainInmuebleDialogOutput">
								</winter:check>
							</td>
						</tr>
					</tbody>
				</winter:datatable>
				<winter:row>
		    	   <winter:column type="col-md-4">
		    	   		<winter:select id="selectMonedaInmueble" field="*{inmueble.moneda}"
							collection="mon, rowmon : ${controles.monedas}"
							value="@{${mon.id}+'|'+${mon.descripcion}}"
							text="@{${mon.descripcion}}"
							label="#{label.control.inmueble.moneda}" 
							required="true"
							requiredmessage="#{label.control.inmueble.moneda.requerido}" 
							modern="true"
							showglobalmessage="true">
						</winter:select>
		    	   </winter:column>
		    	   <winter:column type="col-md-4">
						<winter:inputtext
							id="NuevaInmuebleValor"
							label="#{label.control.inmueble.valor}"
							field="*{inmueble.valor}"
							labeldisplay="col-xs-4"
							inputdisplay="col-xs-8"
							containerdisplay="row padded"
							class="winter-input-text input-cambio"
							placeholder="#{label.control.inmueble.valor}"
							format="true"
							thousandsSeparator="."
							decimalSeparator=","
							decimalLimit="0"
							required="true"
							requiredimage="/images/icons/exclamation-small-red.png"
							requiredmessage="#{label.control.inmueble.valor.requerido}">
						</winter:inputtext>
					</winter:column>
		    	 </winter:row>
				<winter:row class="button-panel-right" padded="true">
					<winter:ajaxSubmit 
						id="GrabarInmueble"
						form="ControlesForm"
						oncomplete="@{'Winter.ui.CloseDialog(\'InmueblesModal\')'}"
						url="@{'/controles/grabarInmueble'}"
						update="InmueblesInclude"
						value="#{label.operaciones.guardar}"
						class="btn btn-cyan"
						object="controles"
						showstatus="true"
						confirmationrequired="false"
						confirmationtext="Esta seguro de que desea confirmar los cambios realizados?"
						process="formInmuebleDialogOutput">
					</winter:ajaxSubmit>
					<winter:ajaxSubmit 
						id="SalirInmuebleButton"
						form="ControlesForm"
						oncomplete="@{'Winter.ui.CloseDialog(\'InmueblesModal\')'}"
						url="@{'/controles/cancelar/INMUEBLE'}"
						update="InmuebleOutput"
						value="#{label.operaciones.cancelar}"
						class="btn btn-danger"
						object="controles"
						showstatus="true"
						confirmationrequired="false"
						confirmationtext="Esta seguro de que desea descartar los cambios realizados?"
						immediate="true">
					</winter:ajaxSubmit>
				</winter:row>
<!-- 		        </div> -->
		    </winter:output>
		</winter:output>
	</div>
</html>